<!DOCTYPE html>
<html>
<head>
    <title>服务商数据管理</title>
    <#include "/header.html">
    <script src="${request.contextPath}/statics/js/vcharts/echarts.min.js"></script>
    <script src="${request.contextPath}/statics/js/vcharts/index.min.js"></script>
</head>
<body>
<div id="app" v-cloak>
    <div v-show="showList">
        <el-form :inline="true" v-model.trim="q" size="small">
            <el-button type="primary" size="small" icon="el-icon-search" @click="search"></el-button>
            <el-button type="primary" size="small" @click="rest">重置</el-button>
            <el-form-item>
                <el-select v-model.trim.trim="q.parentUserId" clearable filterable remote reserve-keyword placeholder="服务商" :remote-method="remoteMethod" :loading="loading" @change="currentSel">
                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item>
                <el-select v-model.trim.trim="q.userId" placeholder="代理商">
                    <el-option v-for="item in userDistributionList" :key="item.user_id" :label="item.name" :value="item.user_id"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item>
                <el-date-picker v-model="q.date" type="date" placeholder="选择日期"></el-date-picker>
            </el-form-item>
        </el-form>

        <span style="text-indent: 2em;line-height: 50px;"><strong>绑定商户、激活统计图</strong></span>
        <div style="text-indent: 2em;line-height: 50px;float: right;margin-right: 5%"><strong>商户数: {{totalSeller}}激活数: {{totalActivate}}</strong></div>
        <ve-histogram :data="sellerData"></ve-histogram>
        <span style="text-indent: 2em;line-height: 50px;"><strong>交易、采购金额</strong></span>
        <div style="text-indent: 2em;line-height: 50px;float: right;margin-right: 5%"><strong>交易金额: {{totalTransaction}}采购金额: {{totalPurchase}}</strong></div>

        <ve-histogram :data="chartData"></ve-histogram>

    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/facilitator/facilitatorData.js?_${.now?long}"></script>
</body>
</html>
